iT邦幫忙

2023 iThome 鐵人賽

DAY 2
0
自我挑戰組

玩程式新手村 – C和Python系列 第 2

VS Code 簡介和安裝

  • 分享至 

  • xImage
  •  

VS Code 有甚麼特色?

Visual Studio Code (簡稱 VS Code) 本身是一個程式編輯器 (code editor),但它有豐富和強大的外掛延伸模組 (Extensions),或稱作擴充套件,可以提供多樣的功能,並支援所有主流的程式語言,當然包括要學習的 C 或 Python語言。透過擴充套件,VS Code 能夠提供類似整合式開發環境 (IDE, Integrated Development Environment) 的體驗。

主要特色有:

  • 內建的終端機 (Terminal),讓我們可以使用命令列(CLI) 指令,輕鬆地在同一個視窗內完成許多任務。
  • 智慧語法提示 (Intellisense),這能夠自動提示程式碼,讓我們在編寫程式時更加順暢。
  • 程式碼檢查 (Linting) ,能夠自動檢查程式碼中可能的錯誤,協助我們早期編寫時就發現問題。
  • 程式碼排版 (Formatting),則能夠自動整理程式碼的格式,讓程式碼更易閱讀。
  • 偵錯功能 (Debugging),幫助我們在程式執行時找出問題,有效率地排除程式碼中的錯誤。
  • 版本管理 (內建Git),可以輕鬆地追蹤程式碼的變更、建立分支、合併程式碼等等。

如何安裝VS Code ?

  • 前往 https://code.visualstudio.com/download 下載 VS Code安裝程式 x64 User Installer
    下載完成後,在 Windows 系統中執行此安裝程式,即可輕鬆地將 VS Code 安裝至自己的電腦。
    安裝過程會自動將 VS Code執行檔案的目錄路徑加入系統環境變數 PATH 內。

如何安裝C/C++ 編譯器?

接下來,我們需要安裝一個編譯器 (Complier),用來將我們所寫的程式碼轉換成電腦能夠理解的語言。我推薦使用 MinGW-w64,這是 C/C++ 編譯器的一個版本。

  • 可以前往 winlibs.com 下載適合你的版本,例如選擇 UCRT runtime, Win64, without LLVM/Clang/LLD/LLDB 。這是因為安裝在Windows 10,所以選擇UCRT程式庫,而不是早期的MSVCRT程式庫。注意!這是手動下載安裝的方式,沒有使用安裝程式。
  • 下載完成後,在Windows檔案總管將檔案解壓縮後,直接拷貝所有檔案到在一個安裝程式的資料夾,例如 C:\Software\mingw64。注意!安裝的目錄 最好不要包含非英文字符和空格,避免以後遇到奇怪的問題。
  • 最後,別忘了將編譯器的路徑加入到系統的環境變數 PATH 內。你可以在 Windows 的進階系統設定中找到 環境變數,然後在 PATH 中新增 C:\Software\mingw64\bin。這樣在編譯時就不需要指定編譯器的路徑了,方便以用操作使用。
  • 如果想用其他安裝方式,可以參考 www.mingw-w64.org/downloads

安裝那些VS Code延伸模組?

  • 學習 C語言,要在 VS Code 內安裝以下相關的延伸模組(extension):
    • Chinese (Traditional) Language Pack for Visual Studio Code (Microsoft)
      這語言包可以將VS Code 介面改成繁體中文
      當你熟習VS Code 操作介面後,建議還是改回英文介面,這對未來學習有所助益。
    • C/C++ (Microsoft)
    • Code Runner (Jun Han)
      提供初學者 快速簡便的執行當下開啟的檔案
    • 這些延伸模組也可以從 https://marketplace.visualstudio.com/vscode 安裝

進一步說文解字,extension 在 VS Code 的中文介面被翻譯成「延伸模組」,但也有人稱它為「擴充套件」。

如何檢查是否正確安裝完成?

在Windows 左下角搜尋欄位 輸入 cmd 啟動「命令提示字元」,或輸入 powershell 啟動「Windows PowerShell」。這都是Windows內建的終端機(Terminal)軟體。

  • 然後在終端機,輸入 code --version
    如果安裝正確,就會顯示 VS Code 已安裝的版本。
  • 如要確認C語言的編譯器 GCC 和環境變數 PATH 是否有正確安裝設定,可以在內建的終端機,或VS Code的整合終端機 輸入gcc --version
    如果安裝正確,就會顯示編譯器 GCC 已安裝的版本

🚦是否有安裝順序?

翻找網路上資料,沒有限定要求先安裝 VS Code 或 MinGW-w64 編譯器。我自己安裝的順序是
先安裝 VS Code 軟體 ,再安裝 MinGW-w64 編譯器,然後再安裝VS Code 延伸模組 (如 "C/C++ extension” 等)

安裝的傳送門

🌐 Setting up Visual Studio Code
🌐 Get Started with C++ and MinGW-w64 in Visual Studio Code
🌐 Downloads - MinGW-w64
🌐 Install the extension


上一篇
新手起步的選擇
下一篇
VS Code 的設定
系列文
玩程式新手村 – C和Python30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言